<html>
<head lang="en">
    <meta charset="utf-8">
    <title>ECharts</title>
    <style type="text/css">
        #main{height:400px;width: 850px}
    </style>
    <script src="echarts.js"></script>
</head>
<body>
<div id="main">

</div>
<script type="text/javascript">
    // 基于准备好的dom，初始化 echarts 实例并绘制图表。
    var myChart = echarts.init(document.getElementById("main"));
    // 指定图表的配置项和数据
    var option = {
      xAxis: {
        data: ['2022-10-24', '2022-10-25', '2023-10-24', '2023-10-25']
      },
      yAxis: {},
      series: [
        {
          type: 'candlestick',
          data: [
            [40, 34, 10, 38],
            [70, 35, 50, 50],
            [31, 38, 33, 104],
            [98, 15, 5, 42]
          ]
        }
      ]
    };
    myChart.setOption(option);


    // 使用刚指定的配置项和数据显示图表
    myChart.setOption(option);
    
</script>
</body>
</html>
